<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button id="btn">按钮</button>
    <script>
      /**浏览器已经为我们提供了文档结点 对象这个对象是window属性
       * 可以在页面中直接使用，文档结点代表整个网页
       */
      // console.log(document);

      // 获取button对象
      var btn = document.getElementById("btn");

      //  修改按钮的文字
      btn.innerHTML = "button";
    </script>
  </body>
</html>
